<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Etro - The Multipurpose eCommerce HTML5 Template</title>
        <meta name="description" content="A best clean, modern, stylish, creative, responsive theme for different eCommerce business or industries.">
        <meta name="keywords" content="medical theme, vegetables, medicine store, eCommerce html template, responsive, multipurpose, mask, sanitizer, eCommerce store, health, tables, dental, healthcare, pharmacy, herbal, medicine shop">
        <meta name="author" content="spacingtech_webify">
        <!-- favicon -->
        <link rel="shortcut icon" type="image/favicon" href="image/home1/favicon.png">
        <!-- plugin css -->
        <link rel="stylesheet" type="text/css" href="css/plugin.css">
        <!-- collection css -->
        <link rel="stylesheet" type="text/css" href="css/collection.css">
        <!-- feather -->
        <link rel="stylesheet" type="text/css" href="css/feather.css">
        <!-- blog css -->
        <link rel="stylesheet" type="text/css" href="css/blog.css">
        <!-- other-pages css -->
        <link rel="stylesheet" type="text/css" href= "css/other-pages.css">
        <!-- product-page css -->
        <link rel="stylesheet" type="text/css" href="css/product-page.css">
        <!-- style css -->
        <link rel="stylesheet" type="text/css" href="css/style1.css">
    </head>
    <body>
        <!-- top notification start -->
        <div class="top-notification-bar">
            <div class="container">
                <ul class="notification-entry">
                    <li class="notify-wrap notify-mail">
                        <div class="notify-text">
                            <ul class="grid-wrap">
                                <li class="grid-wrapper">
                                    <p class="notification-free"><span class="top-c">Free delivery</span> on orders over $100 discount</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- top notification end -->
        <!-- header-area start -->
        <header id="header" class="main-header stickyheader">
            <div class="header-area">
                <div class="container">
                    <div class="main-menu-area">
                        <div class="main-menu-wrap">
                            <!-- header-logo start -->
                            <div class="header-theme-logo">
                                <a href="index.html" class="theme-logo">
                                    <img src="image/home1/logo.png" class="img-fluid" alt="logo">
                                </a>
                            </div>
                            <!-- header-logo end -->
                            <!-- search-wrapper start -->
                            <!-- header-search start -->
                            <div class="header-element header-search">
                                <div class="header-theme-search">
                                    <form method="get" action="/search" class="search-form">
                                        <div class="search-bar">
                                            <div class="form-search">
                                                <input type="search" name="search-input" class="search-input" value="" placeholder="Search our store" required="">
                                                <button type="button" onclick="location.href='search.html'" class="search-btn" disabled=""><i class="feather-search"></i></button>
                                            </div>
                                            <div class="search-results">
                                                <p class="search-for">Search for <span class="search-text">a</span></p>
                                                <ul>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-1.jpg" class="img-fluid" alt="product-1.jpg">
                                                            <span>Earbuds</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-7.jpg" class="img-fluid" alt="product-7.jpg">
                                                            <span>Sandisk ssd</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-15.jpg" class="img-fluid" alt="product-15.jpg">
                                                            <span>Router wifi6</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-18.jpg" class="img-fluid" alt="product-18.jpg">
                                                            <span>Smartphone</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-31.jpg" class="img-fluid" alt="product-31.jpg">
                                                            <span>IPad mini</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-49.jpg" class="img-fluid" alt="product-49.jpg">
                                                            <span>HP color printer</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <p class="search-more"><a href="search.html">See all results (12)</a></p>
                                                <p class="search-fail">Search not found</p>
                                            </div>
                                            <a href="search.html" class="search-btn">Search</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- header-text end -->
                            <!-- search-wrapper end -->
                            <!-- header-icon start -->
                            <div class="header-icon-block">
                                <ul class="shop-element">
                                    <li class="side-wrap toggler-wrap">
                                        <div class="toggler-wrapper">
                                            <button type="button" class="toggler-btn"><span class="toggler-icon"><i class="feather-menu"></i></span></button>
                                        </div>
                                    </li>
                                    <li class="side-wrap search-wrap">
                                        <div class="search-wrapper">
                                            <a href="#searchmodal" data-bs-toggle="modal">
                                                <span class="search-icon"><i class="feather-search"></i></span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap user-wrap">
                                        <div class="user-info">
                                            <a href="javascript:void(0)">
                                                <span class="user-icon"><i class="feather-user"></i></span>
                                            </a>
                                            <div class="account-main">
                                                <span class="acc-title">Account</span>
                                                <div class="account-login">
                                                    <a href="create-">Register</a>
                                                    <a href="login-">Log in</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="side-wrap wishlist-wrap">
                                        <div class="wishlist-wrapper">
                                            <a href="wishlist-product-template.html">
                                                <span class="wishlist-icon-count">
                                                    <span class="wishlist-icon"><i class="feather-heart"></i></span>
                                                    <span class="wishlist-count">(5)</span>
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap cart-wrap">
                                        <div class="cart-wrapper">
                                            <a href="javascript:void(0)" class="js-cart-drawer">
                                                <span class="cart-icon-count">
                                                    <span class="cart-icon"><i class="feather-shopping-bag"></i></span>
                                                    <span class="cart-count cart-counter">(4)</span>
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- header-icon end -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="menu-main">
                <div class="container">
                    <div class="menu-contact">
                        <!-- main-menu start -->
                        <div class="mega-menu-area">
                            <div class="mainmenu-content">
                                <div class="main-wrap">
                                    <ul class="main-menu">
                                        <li class="menu-link">
                                            <a href="index.html" class="link-title">
                                                <span class="sp-link-title">Home</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="index.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 01</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index2.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 02</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index3.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 03</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Shop</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-banner collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home1/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>New collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home1/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Best collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home1/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Sale collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Collection</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-mega collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Collection page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Product page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template2.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template3.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template4.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template5.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template6.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product sticky</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template7.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Account page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="order-history.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Order</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="profile.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Profile</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Address</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="change-password.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Change password</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-tickets.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My ticket</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="login-" class="menumegasup-title">
                                                                        <span class="sp-link-title">My account</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My address</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Special products</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="product-template.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Wireless earbuds</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template2.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Air conditioner</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template3.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">DVD player slot</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template4.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">360 camera</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template5.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Ev charging plug</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template6.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Portable speaker</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template7.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Evm power bank</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="blog-grid.html" class="link-title">
                                                <span class="sp-link-title">Blogs</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse" id="blogs">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid right</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post right</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="about-us.html" class="link-title">
                                                <span class="sp-link-title">Pages</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-sub collapse">
                                                <ul class="ul">
                                                    <li class="menusub-li">
                                                        <a href="about-us.html" class="menusub-title">
                                                            <span class="sp-link-title">About us</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="billing-info.html" class="menusub-title">
                                                            <span class="sp-link-title">Billing info</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="contact-us.html" class="menusub-title">
                                                            <span class="sp-link-title">Contact us</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="contact-us.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="contact-us-2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us 2</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="checkout-style1.html" class="menusub-title">
                                                            <span class="sp-link-title">Checkout</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style1.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 2</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style3.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 3</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="cancellation.html" class="menusub-title">
                                                            <span class="sp-link-title">Cancellation</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="faq.html" class="menusub-title">
                                                            <span class="sp-link-title">Faq's</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="order-complete.html" class="menusub-title">
                                                            <span class="sp-link-title">Order complete</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="privacy-policy.html" class="menusub-title">
                                                            <span class="sp-link-title">Policy</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="privacy-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Privacy policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="payment-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Payment policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="shipping-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Return policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="return-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Shipping policy</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="sitemap.html" class="menusub-title">
                                                            <span class="sp-link-title">Sitemap</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="terms-condition.html" class="menusub-title">
                                                            <span class="sp-link-title">Terms & condition</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="track-page.html" class="menusub-title">
                                                            <span class="sp-link-title">Track page</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="404.html" class="menusub-title">
                                                            <span class="sp-link-title">404</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="coming-soon.html" class="menusub-title">
                                                            <span class="sp-link-title">Coming soon</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                            <!-- main-menu end -->
                            <div class="contact-num">
                                <div class="contact-wrap service-line">
                                    <span class="contact-details"><i class="feather-headphones"></i></span>
                                    <a href="">(210) 123 456 7890</a>
                                </div>
                                <div class="contact-wrap price-tag">
                                    <span class="contact-details"><i class="feather-tag"></i></span>
                                    <a href="collection.html">Mega sale</a>
                                </div>
                            </div>
                        </div>
                    <!-- mega sale -->
                    </div>
                </div>
        </header>
        <!-- header end -->
        <div class="menu-main">
            <div class="container">
                <div class="menu-contact">
                    <!-- main-menu start -->
                    <div class="mega-menu-area">
                        <div class="mainmenu-content">
                            <div class="main-wrap">
                                <ul class="main-menu">
                                    <li class="menu-link">
                                        <a href="index.html" class="link-title">
                                            <span class="sp-link-title">Home</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-single collapse">
                                            <ul class="ul">
                                                <li class="menusingle-li">
                                                    <a href="index.html" class="menusingle-title">
                                                        <span class="sp-link-title">Home 01</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="index2.html" class="menusingle-title">
                                                        <span class="sp-link-title">Home 02</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="index3.html" class="menusingle-title">
                                                        <span class="sp-link-title">Home 03</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="collection.html" class="link-title">
                                            <span class="sp-link-title">Shop</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-banner collapse">
                                            <ul class="ul container p-0">
                                                <li class="menubanner-li">
                                                    <div class="menubanner-img banner-hover">
                                                        <a href="collection.html" class="collection-img banner-img">
                                                            <img src="image/home1/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                        </a>
                                                        <a href="collection.html" class="collection-title">
                                                            <span>New collection</span>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li class="menubanner-li">
                                                    <div class="menubanner-img banner-hover">
                                                        <a href="collection.html" class="collection-img banner-img">
                                                            <img src="image/home1/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                        </a>
                                                        <a href="collection.html" class="collection-title">
                                                            <span>Best collection</span>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li class="menubanner-li">
                                                    <div class="menubanner-img banner-hover">
                                                        <a href="collection.html" class="collection-img banner-img">
                                                            <img src="image/home1/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                        </a>
                                                        <a href="collection.html" class="collection-title">
                                                            <span>Sale collection</span>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="collection.html" class="link-title">
                                            <span class="sp-link-title">Collection</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-mega collapse">
                                            <ul class="ul container p-0">
                                                <li class="menumega-li">
                                                    <a href="product-template.html" class="menumega-title">
                                                        <span class="sp-link-title">Collection page</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="collection-without.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection left</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-right.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection right</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-list-without.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection list</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-list.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection list left</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-list-right.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection list right</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menumega-li">
                                                    <a href="product-template.html" class="menumega-title">
                                                        <span class="sp-link-title">Product page</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="product-template.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product layout</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template2.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product tab</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template3.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product advance</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template4.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product accordion</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template5.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product center</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template6.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product sticky</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template7.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product side</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menumega-li">
                                                    <a href="collection.html" class="menumega-title">
                                                        <span class="sp-link-title">Account page</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="order-history.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Order</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="profile.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Profile</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="pro-address.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Address</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="change-password.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Change password</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="pro-tickets.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">My ticket</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="login-" class="menumegasup-title">
                                                                    <span class="sp-link-title">My account</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="pro-address.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">My address</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menumega-li">
                                                    <a href="collection.html" class="menumega-title">
                                                        <span class="sp-link-title">Special products</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wireless earbuds</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template2.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Air conditioner</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template3.html" class="menumegasup-title">
                                                                <span class="sp-link-title">DVD player slot</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template4.html" class="menumegasup-title">
                                                                <span class="sp-link-title">360 camera</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template5.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Ev charging plug</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template6.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Portable speaker</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template7.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Evm power bank</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="blog-grid.html" class="link-title">
                                            <span class="sp-link-title">Blogs</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-single collapse" id="blogs2">
                                            <ul class="ul">
                                                <li class="menusingle-li">
                                                    <a href="blog-grid-without.html" class="menusingle-title">
                                                        <span class="sp-link-title">Blog grid</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="blog-grid.html" class="menusingle-title">
                                                        <span class="sp-link-title">Blog grid left</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="blog-grid-right.html" class="menusingle-title">
                                                        <span class="sp-link-title">Blog grid right</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="article-post-without.html" class="menusingle-title">
                                                        <span class="sp-link-title">Article post</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="article-post.html" class="menusingle-title">
                                                        <span class="sp-link-title">Article post left</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="article-post-right.html" class="menusingle-title">
                                                        <span class="sp-link-title">Article post right</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="about-us.html" class="link-title">
                                            <span class="sp-link-title">Pages</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-sub collapse">
                                            <ul class="ul">
                                                <li class="menusub-li">
                                                    <a href="about-us.html" class="menusub-title">
                                                        <span class="sp-link-title">About us</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="billing-info.html" class="menusub-title">
                                                        <span class="sp-link-title">Billing info</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="contact-us.html" class="menusub-title">
                                                        <span class="sp-link-title">Contact us</span>
                                                        <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                    </a>
                                                    <div class="menusup-dropdown collapse">
                                                        <ul class="menusup-ul">
                                                            <li class="menusup-li">
                                                                <a href="contact-us.html" class="menusup-title">
                                                                    <span class="sp-link-title">Contact us</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="contact-us-2.html" class="menusup-title">
                                                                    <span class="sp-link-title">Contact us 2</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="checkout-style1.html" class="menusub-title">
                                                        <span class="sp-link-title">Checkout</span>
                                                        <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                    </a>
                                                    <div class="menusup-dropdown collapse">
                                                        <ul class="menusup-ul">
                                                            <li class="menusup-li">
                                                                <a href="checkout-style1.html" class="menusup-title">
                                                                    <span class="sp-link-title">Checkout</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="checkout-style2.html" class="menusup-title">
                                                                    <span class="sp-link-title">Checkout 2</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="checkout-style3.html" class="menusup-title">
                                                                    <span class="sp-link-title">Checkout 3</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="cancellation.html" class="menusub-title">
                                                        <span class="sp-link-title">Cancellation</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="faq.html" class="menusub-title">
                                                        <span class="sp-link-title">Faq's</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="order-complete.html" class="menusub-title">
                                                        <span class="sp-link-title">Order complete</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="privacy-policy.html" class="menusub-title">
                                                        <span class="sp-link-title">Policy</span>
                                                        <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                    </a>
                                                    <div class="menusup-dropdown collapse">
                                                        <ul class="menusup-ul">
                                                            <li class="menusup-li">
                                                                <a href="privacy-policy.html" class="menusup-title">
                                                                    <span class="sp-link-title">Privacy policy</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="payment-policy.html" class="menusup-title">
                                                                    <span class="sp-link-title">Payment policy</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                    <a href="return-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Return policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="shipping-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Shipping policy</span>
                                                                    </a>
                                                                </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="sitemap.html" class="menusub-title">
                                                        <span class="sp-link-title">Sitemap</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="terms-condition.html" class="menusub-title">
                                                        <span class="sp-link-title">Terms & condition</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="track-page.html" class="menusub-title">
                                                        <span class="sp-link-title">Track page</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="404.html" class="menusub-title">
                                                        <span class="sp-link-title">404</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="coming-soon.html" class="menusub-title">
                                                        <span class="sp-link-title">Coming soon</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- main-menu end -->
                    <div class="contact-num">
                        <div class="contact-wrap service-line">
                            <span class="contact-details"><i class="feather-headphones"></i></span>
                            <a href="">(210) 123 456 7890</a>
                        </div>
                        <div class="contact-wrap price-tag">
                            <span class="contact-details"><i class="feather-tag"></i></span>
                            <a href="collection.html">Mega sale</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <main>
            <!-- breadcrumb start -->
            <section class="breadcrumb-area">
                <div class="container">
                    <div class="col">
                        <div class="row">
                            <div class="breadcrumb-index">
                                <!-- breadcrumb-list start -->
                                <ul class="breadcrumb-ul">
                                    <li class="breadcrumb-li">
                                        <a class="breadcrumb-link" href="index.html">Home</a>
                                    </li>
                                    <li class="breadcrumb-li">
                                        <span class="breadcrumb-text">Collection list left</span>
                                    </li>
                                </ul>
                                <!-- breadcrumb-list end -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- breadcrumb end -->
            <!-- collection-list left start -->
            <section class="main-content-wrap bg-color shop-page section-ptb">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="pro-grli-wrapper left-side-wrap">
                                <div class="pro-grli-wrap product-grid">
                                    <div class="collection-img-wrap">
                                        <h6 class="st-title" data-animate="animate__fadeIn">Collection list left (23)</h6>
                                        <!-- collection info start -->
                                        <div class="collection-info">
                                            <div class="collection-image" data-animate="animate__fadeIn">
                                                <img src="image/home1/collection/collection-banner.jpg" class="img-fluid" alt="sall-banner">
                                            </div>
                                        </div>
                                        <!-- collection info end -->
                                    </div>
                                    <!-- shop-top-bar start -->
                                    <div class="shop-top-bar">
                                    <div class="product-filter without-sidebar">
                                        <button class="filter-button" type="button"><i class="fa-solid fa-filter"></i><span>Filter</span></button>
                                    </div>
                                    <div class="product-view-mode">
                                        <!-- shop-item-filter-list start -->
                                        <a href="javascript:void(0)" class="list-change-view grid-three active" data-grid-view="3"><i class="fa-solid fa-border-all"></i></a>
                                        <a href="javascript:void(0)" data-grid-view="1" class="list-change-view list-one"><i class="fa-solid fa-list"></i></a>
                                        <!-- shop-item-filter-list end -->
                                    </div>
                                    <!-- product-short start -->
                                    <div class="product-short">
                                        <label for="SortBy">Sort by:</label>
                                        <select class="nice-select" name="sortby" id="SortBy">
                                            <option value="manual">Featured</option>
                                            <option value="best-selling">Best Selling</option>
                                            <option value="title-ascending">Alphabetically, A-Z</option>
                                            <option value="title-descending">Alphabetically, Z-A</option>
                                            <option value="price-ascending">Price, low to high</option>
                                            <option value="price-descending">Price, high to low</option>
                                            <option value="created-descending">Date, new to old</option>
                                            <option value="created-ascending">Date, old to new</option>
                                        </select>
                                        <span class="sort-icon"><i class="feather-chevron-down"></i></span>
                                        <a href="javascript:void(0)" class="short-title">
                                            <span class="sort-title">Best Selling</span>
                                            <span class="sort-icon"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <a href="javascript:void(0)" class="short-title short-title-lg">
                                            <span class="sort-title">Best Selling</span>
                                            <span class="sort-icon"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <ul class="pro-ul collapse" id="select-wrap">
                                            <li class="pro-li"><a href="javascript:void(0)">Featured</a></li>
                                            <li class="pro-li selected"><a href="javascript:void(0)">Best Selling</a></li>
                                            <li class="pro-li"><a href="javascript:void(0)">Alphabetically, A-Z</a></li>
                                            <li class="pro-li"><a href="javascript:void(0)">Alphabetically, Z-A</a></li>
                                            <li class="pro-li"><a href="javascript:void(0)">Price, low to high</a></li>
                                            <li class="pro-li"><a href="javascript:void(0)">Price, high to low</a></li>
                                            <li class="pro-li"><a href="javascript:void(0)">Date, new to old</a></li>
                                            <li class="pro-li"><a href="javascript:void(0)">Date, old to new</a></li>
                                        </ul>
                                    </div>
                                    <!-- product-short end -->
                                </div>
                                    <!-- shop-top-bar end -->
                                    <!-- Latest-product start -->  
                                    <div class="special-product grid-1">
                                        <div class="collection-category">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="collection-wrap">
                                                        <ul class="product-view-ul">
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-1.jpg" class="img-fluid img1 resp-img1" alt="p-1">
                                                                            <img src="image/home1/product/product-2.jpg" class="img-fluid img2 resp-img2" alt="p-2">
                                                                        </a>
                                                                        <div class="product-label pro-new-sale">
                                                                            <span class="product-label-title">18%</span>
                                                                        </div>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Earbuds</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$65.00</span>
                                                                                <span class="old-price">$70.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-4.jpg" class="img-fluid img1 resp-img1" alt="product-4">
                                                                            <img src="image/home1/product/product-5.jpg" class="img-fluid img2 resp-img2" alt="product-5">
                                                                        </a>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Sony earbuds</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$100.00</span>
                                                                                <span class="old-price">$120.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-7.jpg" class="img-fluid img1 resp-img1" alt="product-7">
                                                                            <img src="image/home1/product/product-8.jpg" class="img-fluid img2 resp-img2" alt="product-8">
                                                                        </a>
                                                                        <div class="product-label pro-new-sale">
                                                                            <span class="product-label-title">23%</span>
                                                                        </div>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Sandisk ssd</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$305.00</span>
                                                                                <span class="old-price">$320.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-13.jpg" class="img-fluid img1 resp-img1" alt="product-13">
                                                                            <img src="image/home1/product/product-14.jpg" class="img-fluid img2 resp-img2" alt="product-14">
                                                                        </a>
                                                                        <div class="product-label pro-new-sale">
                                                                            <span class="product-label-title">23%</span>
                                                                        </div>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Router wifi6</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$450.00</span>
                                                                                <span class="old-price">$480.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-18.jpg" class="img-fluid img1 resp-img1" alt="product-18">
                                                                            <img src="image/home1/product/product-19.jpg" class="img-fluid img2 resp-img2" alt="product-19">
                                                                        </a>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Asus rog</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$190.00</span>
                                                                                <span class="old-price">$200.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-31.jpg" class="img-fluid img1 resp-img1" alt="product-31">
                                                                            <img src="image/home1/product/product-32.jpg" class="img-fluid img2 resp-img2" alt="product-32">
                                                                        </a>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">IPad mini6</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$29.00</span>
                                                                                <span class="old-price">$40.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-37.jpg" class="img-fluid img1 resp-img1" alt="product-37">
                                                                            <img src="image/home1/product/product-38.jpg" class="img-fluid img2 resp-img2" alt="product-38">
                                                                        </a>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Nokia 1434</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$500.00</span>
                                                                                <span class="old-price">$510.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-34.jpg" class="img-fluid img1 resp-img1" alt="product-37">
                                                                            <img src="image/home1/product/product-35.jpg" class="img-fluid img2 resp-img2" alt="product-38">
                                                                        </a>
                                                                        <div class="product-label pro-new-sale">
                                                                            <span class="product-label-title">18%</span>
                                                                        </div>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">IPad mini</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$29.00</span>
                                                                                <span class="old-price">$40.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-40.jpg" class="img-fluid img1 resp-img1" alt="product-40">
                                                                            <img src="image/home1/product/product-41.jpg" class="img-fluid img2 resp-img2" alt="product-41">
                                                                        </a>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Nokia 110</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$160.00</span>
                                                                                <span class="old-price">$180.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-43.jpg" class="img-fluid img1 resp-img1" alt="product-43">
                                                                            <img src="image/home1/product/product-44.jpg" class="img-fluid img2 resp-img2" alt="product-44">
                                                                        </a>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Gaming laptop</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$150.00</span>
                                                                                <span class="old-price">$160.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-50.jpg" class="img-fluid img1 resp-img1" alt="product-50">
                                                                            <img src="image/home1/product/product-52.jpg" class="img-fluid img2 resp-img2" alt="product-52">
                                                                        </a>
                                                                        <div class="product-label pro-new-sale">
                                                                            <span class="product-label-title">18%</span>
                                                                        </div>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">HP color printer</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$650.00</span>
                                                                                <span class="old-price">$655.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="pro-item-li" data-animate="animate__fadeIn">
                                                                <div class="single-product-wrap">
                                                                    <div class="product-image">
                                                                        <a href="product-template.html" class="pro-img">
                                                                            <img src="image/home1/product/product-54.jpg" class="img-fluid img1 resp-img1" alt="product-54">
                                                                            <img src="image/home1/product/product-55.jpg" class="img-fluid img2 resp-img2" alt="product-55">
                                                                        </a>
                                                                        <div class="product-label pro-new-sale">
                                                                            <span class="product-label-title">18%</span>
                                                                        </div>
                                                                        <div class="product-action">
                                                                            <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                <span class="tooltip-text">wishlist</span>
                                                                            </a>
                                                                            <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                <span class="tooltip-text">quickview</span>
                                                                            </a>
                                                                        </div>
                                                                        <div class="product-cart">
                                                                            <button type="button" class="add-to-cart">
                                                                            <span class="product-icon">
                                                                                <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                            </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product-caption">
                                                                        <div class="product-content">
                                                                            <div class="product-title">
                                                                                <h6><a href="product-template.html">Smartwatch</a></h6>
                                                                            </div>
                                                                            <div class="price-box">
                                                                                <span class="new-price">$320.00</span>
                                                                                <span class="old-price">$350.00</span>
                                                                            </div>
                                                                            <div class="product-ratting">
                                                                                <span class="review-ratting">
                                                                                    <span class="review-star">
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                        <i class="feather-star"></i>
                                                                                    </span>
                                                                                    <span class="review-caption">No reviews</span>
                                                                                </span>
                                                                            </div>
                                                                            <div class="product-description">
                                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
                                                                            </div>
                                                                            <div class="product-action">
                                                                                <a href="javascript:void(0)" class="add-to-cart">
                                                                                    <span class="product-icon">
                                                                                        <span class="product-bag-icon"><i class="feather-shopping-bag"></i></span>
                                                                                        <span class="product-loader-icon"><i class="feather-loader"></i></span>
                                                                                        <span class="product-check-icon"><i class="feather-check"></i></span>
                                                                                    </span>
                                                                                    <span class="tooltip-text">add to cart</span>
                                                                                </a>
                                                                                <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
                                                                                    <span class="product-icon"><i class="feather-eye"></i></span>
                                                                                    <span class="tooltip-text">quickview</span>
                                                                                </a>
                                                                                <a href="wishlist-product-template.html" class="add-to-wishlist">
                                                                                    <span class="product-icon"><i class="feather-heart"></i></span>
                                                                                    <span class="tooltip-text">wishlist</span>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="paginatoin-area" data-animate="animate__fadeIn">
                                                        <ul class="pagination-page-box" data-animate="animate__fadeIn">
                                                            <li class="number active"><a href="javascript:void(0)" class="theme-glink">1</a></li>
                                                            <li class="number"><a href="javascript:void(0)" class="gradient-text">2</a></li>
                                                            <li class="page-next"><a href="javascript:void(0)" class="theme-glink"><i class="fa -solid fa-angle-right"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Latest-product end -->
                                </div>
                                <div class="pro-grli-wrap product-sidebar">
                                    <div class="pro-grid-block">
                                        <div class="shop-sidebar-inner">
                                            <div class="shop-sidebar-wrap filter-sidebar">
                                                <!-- button start -->
                                                <button class="close-sidebar" type="button">
                                                <i class="fa-solid fa-xmark"></i>
                                                </button>
                                                <!-- button end -->
                                                <!-- filter-form start -->
                                                <div class="facets">
                                                    <form class="facets-form">
                                                        <div class="facets-wrapper">
                                                            <!-- Product-Categories start -->
                                                            <div class="shop-sidebar" data-animate="animate__fadeIn">
                                                                <h6 class="shop-title" data-animate="animate__fadeIn">Categories</h6>
                                                                <a href="#collapse-5" data-bs-toggle="collapse" class="shop-title shop-title-lg">Categories<i class="feather-chevron-down"></i></a>
                                                                <div class="collapse show shop-element" id="collapse-5">
                                                                    <ul class="brand-ul scrollbar">
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label">
                                                                            <input type="checkbox" class="cust-checkbox">
                                                                            <span class="check-name">Bluetooth</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label">
                                                                            <input type="checkbox" class="cust-checkbox">
                                                                            <span class="check-name">Earphones</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 64gb">
                                                                            <input type="checkbox" value="64gb" class="cust-checkbox">
                                                                            <span class="check-name">Headphones</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 500gb">
                                                                            <input type="checkbox" value="500gb" class="cust-checkbox">
                                                                            <span class="check-name">Collection</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 1tb">
                                                                            <input type="checkbox" value="1tb" class="cust-checkbox">
                                                                            <span class="check-name">Collection left</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 2tb">
                                                                            <input type="checkbox" value="2tb" class="cust-checkbox">
                                                                            <span class="check-name">Collection list</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 3tb">
                                                                            <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                            <span class="check-name">Collection list left</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 3tb">
                                                                            <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                            <span class="check-name">Collection right</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 3tb">
                                                                            <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                            <span class="check-name">Speaker</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 3tb">
                                                                            <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                            <span class="check-name">Router wifi6</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 3tb">
                                                                            <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                            <span class="check-name">Sandisk ssd</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                    <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                        <label class="checkbox-label 3tb">
                                                                            <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                            <span class="check-name">IPad mini</span>
                                                                            <span class="count-check">(12)</span>
                                                                            <span class="cust-check"></span>
                                                                        </label>
                                                                    </li>
                                                                </ul>
                                                                </div>
                                                            </div>
                                                            <!-- Product-Categories end -->
                                                            <div class="shop-sidebar sidebar-filter">
                                                                <h6 class="shop-title" data-animate="animate__fadeIn">Filter</h6>
                                                                <a href="javascript:void(0)" class="shop-title shop-title-lg">Filter</a>
                                                                <div class="filter-info" data-animate="animate__fadeIn">
                                                                    <span class="filter-count-text">23 products</span>
                                                                    <span class="loading-spinner"><svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle></svg></span>
                                                                </div>
                                                            </div>
                                                            <div class="shop-sidebar sidebar-price">
                                                                <h6 class="shop-title" data-animate="animate__fadeIn">Price</h6>
                                                                <a href="#collapse-3" data-bs-toggle="collapse" class="shop-title shop-title-lg">Price</a>
                                                                <div class="filter-info" data-animate="animate__fadeIn">
                                                                    <span class="shop-price">The highest price is $89.00</span>
                                                                    <facet-remove><a href="collection.html" class="reset-text">Reset</a></facet-remove>
                                                                </div>
                                                                <!-- Product-price start -->
                                                                <div class="collapse price-wrap" id="collapse-3" data-animate="animate__fadeIn">
                                                                    <price-range class="price-range">
                                                                        <div class="price-range-group group-range">
                                                                            <input type="range" class="range" min="0" max="89" value="0" id="range1">
                                                                            <input type="range" class="range" min="0" max="89" value="89" id="range2">
                                                                        </div>
                                                                        <div class="price-input-group group-input" data-animate="animate__fadeIn">
                                                                            <div class="price-range-input input-price">
                                                                                <label class="label-text">From</label>
                                                                                <span class="price-value">$</span>
                                                                                <span id="demo1" class="price-field">0</span>
                                                                            </div>
                                                                            <span class="price-range-delimeter">-</span>
                                                                            <div class="price-range-input input-price">
                                                                                <label class="label-text">To</label>
                                                                                <span class="price-value">$</span>
                                                                                <span id="demo2" class="price-field">89</span>
                                                                            </div>
                                                                        </div>
                                                                    </price-range>
                                                                </div>
                                                                <!-- Product-price end -->
                                                                <!-- More-filters start -->
                                                                <div class="shop-sidebar sidebar-open" data-animate="animate__fadeIn">
                                                                    <h6 class="shop-title" data-animate="animate__fadeIn">More filters</h6>
                                                                    <a href="#collapse-6" data-bs-toggle="collapse" class="shop-title shop-title-lg">More filters<i class="feather-chevron-down" data-animate="animate__fadeIn"></i></a>
                                                                    <div class="filter-info" data-animate="animate__fadeIn">
                                                                        <span class="shop-price">0 selected</span>
                                                                        <facet-remove>
                                                                        <a href="collection-list-right.html" class="reset-text">Reset</a>
                                                                        </facet-remove>
                                                                    </div>
                                                                    <div class="collapse shop-element shop-flavor" id="collapse-6">
                                                                        <ul class="brand-ul scrollbar">
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 16gb">
                                                                                    <input type="checkbox" value="16gb" class="cust-checkbox">
                                                                                    <span class="check-name">Air conditioner</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 32gb">
                                                                                    <input type="checkbox" value="32gb" class="cust-checkbox">
                                                                                    <span class="check-name">Portable speaker</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 64gb">
                                                                                    <input type="checkbox" value="64gb" class="cust-checkbox">
                                                                                    <span class="check-name">Wireless earbuds</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 500gb">
                                                                                    <input type="checkbox" value="500gb" class="cust-checkbox">
                                                                                    <span class="check-name">Ev charging plug</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 1tb">
                                                                                    <input type="checkbox" value="1tb" class="cust-checkbox">
                                                                                    <span class="check-name">DVD player slot</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 2tb">
                                                                                    <input type="checkbox" value="2tb" class="cust-checkbox">
                                                                                    <span class="check-name">Verse earphones</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 3tb">
                                                                                    <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                                    <span class="check-name">Video shoot drone</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 3tb">
                                                                                    <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                                    <span class="check-name">Collection right</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 3tb">
                                                                                    <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                                    <span class="check-name">Smart camera</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 3tb">
                                                                                    <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                                    <span class="check-name">Movie projector S8</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 3tb">
                                                                                    <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                                    <span class="check-name">Wireless headphones</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                            <li class="cat-checkbox" data-animate="animate__fadeIn">
                                                                                <label class="checkbox-label 3tb">
                                                                                    <input type="checkbox" value="3tb" class="cust-checkbox">
                                                                                    <span class="check-name">Stylish for trimmer</span>
                                                                                    <span class="count-check">(12)</span>
                                                                                    <span class="cust-check"></span>
                                                                                </label>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <!-- More-filters end -->
                                                            </div>
                                                            <div class="shop-sidebar sidebar-product" data-animate="animate__fadeIn">
                                                                <h6 class="shop-title" >Product type</h6>
                                                                <a href="#collapse-2" data-bs-toggle="collapse" class="shop-title shop-title-lg">Product type</a>
                                                                <div class="filter-info">
                                                                    <span class="shop-price no-js-hidden">0 selected</span>
                                                                    <facet-remove>
                                                                    <a href="collection.html" class="reset-text">Reset</a>
                                                                    </facet-remove>
                                                                </div>
                                                                <div class="collapse filter-element" id="collapse-2">
                                                                    <ul class="brand-ul scrollbar">
                                                                        <li class="brand-li">
                                                                            <label class="cust-checkbox-label">
                                                                                <input type="checkbox" name="cust-checkbox" class="cust-checkbox">
                                                                                <span class="filter-name">Etro</span>
                                                                                <span class="count-check">(23)</span>
                                                                                <span class="cust-check"></span>
                                                                            </label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="shop-sidebar sidebar-wedget" data-animate="animate__fadeIn">
                                                                <h6 class="shop-title">Availability</h6>
                                                                <a href="#collapse-1" class="shop-title shop-title-lg" data-bs-toggle="collapse">Availability</a>
                                                                <div class="filter-info">
                                                                    <span class="shop-price no-js-hidden">0 selected</span>
                                                                    <facet-remove>
                                                                    <a href="collection.html" class="reset-text">Reset</a>
                                                                    </facet-remove>
                                                                </div>
                                                                <div class="collapse filter-element" id="collapse-1">
                                                                    <ul class="brnad-ul scrollbar">
                                                                        <li class="availability">
                                                                            <label class="cust-checkbox-label availability in-stock">
                                                                                <input type="checkbox" name="filter.v.availability" value="1" class="cust-checkbox">
                                                                                <span class="filter-name">In stock</span>
                                                                                <span class="count-check">(23)</span>
                                                                                <span class="cust-check"></span>
                                                                            </label>
                                                                        </li>
                                                                        <li class="availability">
                                                                            <label class="cust-checkbox-label availability in-stock">
                                                                                <input type="checkbox" name="filter.v.availability" value="1" class="cust-checkbox">
                                                                                <span class="filter-name">Out of stock</span>
                                                                                <span class="count-check">(1)</span>
                                                                                <span class="cust-check"></span>
                                                                            </label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="shop-sidebar sidebar-wedget" data-animate="animate__fadeIn">
                                                                <h6 class="shop-title">Brand</h6>
                                                                <a href="#reset" data-bs-toggle="collapse" class="shop-title shop-title-lg">Brand</a>
                                                                <div class="filter-info">
                                                                    <span class="shop-price no-js-hidden">0 selected</span>
                                                                    <facet-remove>
                                                                    <a href="collection.html" class="reset-text">Reset</a>
                                                                    </facet-remove>
                                                                </div>
                                                                <div class="collapse filter-element" id="reset">
                                                                    <ul class="brand-ul scrollbar">
                                                                        <li class="brand-li">
                                                                            <label class="cust-checkbox-label">
                                                                                <input type="checkbox" name="cust-checkbox" class="cust-checkbox">
                                                                                <span class="filter-name">Etro</span>
                                                                                <span class="count-check">(23)</span>
                                                                                <span class="cust-check"></span>
                                                                            </label>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <!-- filter-form end -->
                                            </div>
                                        </div>
                                        <!-- sidebar img start -->
                                        <div class="sidebar-banner banner-hover">
                                            <a href="collection.html" class="sidebar-img banner-img" data-animate="animate__fadeIn">
                                                <span class="sidebar-banner-image">
                                                    <img src="image/home1/collection/side-image.jpg" class="img-fluid" alt="side-banner">
                                                </span>
                                                <span class="sidebar-banner-icon"><i class="feather-arrow-right"></i></span>
                                            </a>
                                        </div>
                                        <!-- sidebar img start -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- collection-list left end -->
            <!-- news-letter start -->
            <section class="news-letter">
                <div class="container">
                  <div class="row">
                    <div class="col">
                      <div class="newsletter-wrapper">
                        <div class="news-bg" style="background-image: url('image/home1/bg.jpg');">
                          <div class="newsletter">
                            <div class="main-title fade-in" data-fade-in="">
                              <h2>Subscribe newsletter</h2>
                              <span>Sign up for our newsletter to receive special offers</span>
                            </div>
                            <div class="subscribe-content">
                              <form method="post" id="contact_form" accept-charset="UTF-8" class="contact-form">
                                <input type="hidden" name="form_type" value="customer">
                                <input type="hidden" name="utf8" value="✓">
                                <input type="hidden" name="contact[tags]" value="newsletter">
                                <div class="subscribe-block">
                                <input type="email" name="contact[email]" class="email mail" id="E-mail" value="" placeholder="Enter your email" autocapitalize="off" required="">
                                <!-- <button type="submit" name="commit" id="Subscribe"><i class="feather-mail"></i></button> -->
                                <button class="btn btn-small1">Subscribe</button>
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <!-- news-letter end -->
        </main>
        <!-- main end -->
        <!-- footer start -->
        <footer>
            <!-- footer-area start -->
            <div class="footer-area section-ptb extra-bg">
                <div class="container">
                    <div class="footer-list">
                        <ul class="footer-ul">
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Information</h6>
                                <a href="#collapse-information" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Information</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-information">
                                    <li class="ftlink-li">
                                        <a href="about-us.html">About us</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="privacy-policy.html">Privacy policy</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="return-policy.html">Refund policy</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="terms-condition.html">Terms condition</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Support</h6>
                                <a href="#collapse-support" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Support</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-support">
                                    <li class="ftlink-li">
                                        <a href="contact-us.html">Contact us</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="faq.html">Faq's</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="blog-grid-without.html">News</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="terms-condition.html">Help & support</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">My account</h6>
                                <a href="#collapse-account" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">My account</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-account">
                                    <li class="ftlink-li">
                                        <a href="return-policy.html">Order & returns</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="login-">Manage account</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="collection.html">Saved items</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="blog-grid.html">Our story</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Category</h6>
                                <a href="#collapse-category" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Category</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-category">
                                    <li class="ftlink-li">
                                        <a href="product-template4.html">Computer</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template2.html">Mobile</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template3.html">Pendrive</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template.html">Headphone</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Followed by</h6>
                                <a href="#collapse-followed" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Followed by</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-followed">
                                    <li class="ftlink-li">
                                        <a href="https://www.facebook.com/">Facebook</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="https://www.instagram.com/">Instagram</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="https://dribbble.com/">Dribbble</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="https://twitter.com/">Twitter</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- footer-area end -->
            <!-- footer-bottom start -->
            <div class="footer-bottom-wrap">
                <div class="container">
                    <div class="f-bottom-block">
                        <div class="f-bottom-element f-logo">
                            <div class="logo-block">
                                <a href="javascript:void(0)" class="theme-footer-logo">
                                    <img src="image/home1/logo.png" class="img-fluid" alt="logo">
                                </a>
                            </div>
                        </div>
                        <div class="f-bottom-element f-contact">
                            <div class="f-contact-main">
                                <span class="icon"><i class="feather-phone"></i></span>
                                <span class="text">
                                    <span class="ft-link">
                                        <a href="" title="tel:(+260) 150 105 018">(+260) 150 105 018</a>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="f-bottom-element f-contact">
                            <div class="f-contact-main">
                                <span class="icon"><i class="feather-mail"></i></span>
                                <span class="text">
                                    <span class="ft-link">
                                        <a href="mailto:demo@demo.com" class="con-add">demo@demo.com</a>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="f-bottom-element f-contact">
                            <div class="f-contact-main">
                                <span class="icon"><i class="feather-map-pin"></i></span>
                                <span class="text">
                                    <span class="ft-link">
                                        <a href="javascript:void(0)">70 Washington square south</a>
                                    </span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bottom end -->
            <!-- copyright start -->
            <div class="copyright">
                <div class="container">
                    <ul class="copyright-ul">
                        <li class="copyright-li ft-text">
                            <div class="copyright-text">
                                <p>© 2025 . All rights reservedBy <a href="https://www.bootstrapmb.com">bootstrapMB</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- copyright end -->
        </footer>
        <!-- footer end -->
        <!-- quickview modal start -->
        <div class="productmodal">
            <div class="modal fade" id="quickview-modal">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h6 class="modal-title fs-5" id="exampleModalLiveLabel">Quickview</h6>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <!-- quickview-sliderstart -->
                            <div class="quickview-slider">
                                <div class="swiper gallery-top">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home1/product/product-87.jpg" class="img-fluid" alt="p-1"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home1/product/product-88.jpg" class="img-fluid" alt="p-2"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home1/product/product-89.jpg" class="img-fluid" alt="p-3"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home1/product/product-90.jpg" class="img-fluid" alt="p-4"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home1/product/product-91.jpg" class="img-fluid" alt="p-5"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="product-template.html"><img src="image/home1/product/product-92.jpg" class="img-fluid" alt="p-5"></a>
                                        </div>
                                    </div>
                                    <div class="swiper-button">
                                        <button class="quick-prev"><i class="fas fa-chevron-left"></i></button>
                                        <button class="quick-next"><i class="fas fa-chevron-right"></i></button>
                                    </div>
                                </div>
                                <div class="swiper gallery-thumbs">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home1/product/product-87.jpg" class="img-fluid" alt="p-1"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home1/product/product-88.jpg" class="img-fluid" alt="p-2"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home1/product/product-89.jpg" class="img-fluid" alt="p-3"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home1/product/product-90.jpg" class="img-fluid" alt="p-4"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home1/product/product-91.jpg" class="img-fluid" alt="p-5"></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="javascript:void(0)"><img src="image/home1/product/product-92.jpg" class="img-fluid" alt="p-5"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- quickview-slider end -->
                            <!-- quick-view-content start -->
                            <div class="quick-view-content">
                                <div class="pro-nprist">
                                    <!-- product-title start -->
                                    <div class="product-title">
                                        <h2>Action camera</h2>
                                    </div>
                                    <!-- product-rating start -->
                                    <div class="product-ratting">
                                        <span class="pro-ratting">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star-half-alt"></i>
                                        </span>
                                        <span class="spr-badge-caption">No reviews</span>
                                        <span class="slash">/</span>
                                        <div class="product-count-sale">
                                            <span class="count">16</span> sold in last <span class="time">2</span> hours
                                        </div>
                                    </div>
                                    <!-- product-rating end -->
                                    <div class="pro-prlb pro-sale">
                                        <div class="price-box">
                                            <span class="new-price">$55.00 </span>
                                            <span class="old-price">$60.00 </span>
                                            <span class="percent-count">17%</span>
                                        </div>
                                    </div>
                                    <div class="short-description">
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry dummy text and typesetting industry</p>
                                    </div>
                                    <div class="product-variant">
                                        <h6>Availability:</h6>
                                        <span class="stock-qty in-stock text-success">
                                            <span>In stock<i class="bi bi-check2"></i></span>
                                        </span>
                                    </div>
                                    <div class="pro-detail-action">
                                        <div class="product-variant-option">
                                            <div class="swatch-variant">
                                                <div class="swatch clearfix Color">
                                                    <div class="header">
                                                        <h6><span>Color</span></h6>
                                                    </div>
                                                    <div class="variant-wrap">
                                                        <div class="variant-property">
                                                            <div class="swatch-element White first-variant">
                                                                <input type="radio" name="option-0" value="White" checked="">
                                                                <label>White</label>
                                                            </div>
                                                            <div class="swatch-element Gold">
                                                                <input type="radio" name="option-0" value="Gold">
                                                                <label>Gold</label>
                                                            </div>
                                                            <div class="swatch-element Silver">
                                                                <input type="radio" name="option-0" value="Silver">
                                                                <label>Silver</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-button">
                                        <form method="post" class="cart">
                                            <div class="pro-detail-button">
                                                <div class="product-quantity-button">
                                                    <div class="product-quantity-action">
                                                        <h6>Quantity:</h6>
                                                        <div class="product-quantity">
                                                            <div class="cart-plus-minus">
                                                                <button class="dec qtybutton minus"><i class="feather-minus"></i></button>
                                                                <input type="text" name="quantity" value="1">
                                                                <button class="inc qtybutton plus"><i class="feather-plus"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <button type="button" onclick="location. href='cart-page.html'" class="btn add-to-cart ajax-spin-cart">
                                                    <span class="cart-title">Add to cart</span>
                                                    </button>
                                                </div>
                                                <a href="cart-empty.html" class="btn btn-cart btn-theme">
                                                    <span>Buy now</span>
                                                </a>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="product-actions">
                                        <!-- pro-deatail wishlist start -->
                                        <div class="pro-aff-che">
                                            <a href="wishlist-product-template.html" class="wishlist">
                                                <span class="wishlist-icon action-wishlist tile-actions--btn wishlist-btn">
                                                    <span class="add-wishlist"><i class="bi bi-heart"></i></span>
                                                </span>
                                                <span class="wishlist-text">Wishlist</span>
                                            </a>
                                        </div>
                                        <!-- pro-deatail wishlist end -->
                                    </div>
                                    <div class="product-payment-image">
                                        <ul class="payment-icon">
                                            <li>
                                                <a href="index.html"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg></a>
                                            </li>
                                            <li>
                                                <a href="index.html"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><circle fill="#EB001B" cx="15" cy="12" r="7"></circle><circle fill="#F79E1B" cx="23" cy="12" r="7"></circle><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg></a>
                                            </li>
                                            <li>
                                                <a href="index.html"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american-express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american-express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"></path><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"></path><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"></path><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"></path><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"></path><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"></path><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"></path><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"></path></svg></a>
                                            </li>
                                            <li>
                                                <a href="index.html"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path></svg></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- quick-view-content end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- quickview modal end -->
        <!-- mobile-menu start -->
        <div class="mobile-menu" id="mobile-menu">
            <div class="mobile-contents">
                <div class="menu-close">
                    <button class="menu-close-btn">
                    <span class="menu-close-icon"><i class="feather-x"></i></span>
                    </button>
                </div>
                <div class="header-contact">
                    <div class="mobilemenu-content">
                        <div class="main-wrap">
                            <ul class="main-menu">
                                <li class="menu-link">
                                    <a href="#menu-home" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Home</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-single collapse" id="menu-home">
                                        <ul class="ul">
                                            <li class="menusingle-li">
                                                <a href="index.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 01</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="index2.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 02</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="index3.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 03</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-shop-banner" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Shop</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-banner collapse" id="menu-shop-banner">
                                        <ul class="ul container p-0">
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home1/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>New collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home1/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>Best collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home1/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>Sale collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-collection" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Collection</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-mega collapse" id="menu-collection">
                                        <ul class="ul container p-0">
                                            <li class="menumega-li shop-li">
                                                <div class="shop-title">
                                                    <a href="collection-without.html">
                                                        <span class="sp-link-title">Collection</span>
                                                    </a>
                                                    <a href="collection.html">
                                                        <span class="sp-link-title">Collection left</span>
                                                    </a>
                                                    <a href="collection-right.html">
                                                        <span class="sp-link-title">Collection right</span>
                                                    </a>
                                                    <a href="collection-list-without.html">
                                                        <span class="sp-link-title">Collection list</span>
                                                    </a>
                                                    <a href="collection-list.html">
                                                        <span class="sp-link-title">Collection list left</span>
                                                    </a>
                                                    <a href="collection-list-right.html">
                                                        <span class="sp-link-title">Collection list right</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-product" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Product page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-product">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 1</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template2.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 2</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template3.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 3</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template4.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 4</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template5.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 5</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template6.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 6</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-shop1" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Shop page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-shop1">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="cart-page.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Cart page</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="cart-empty.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Cart empty</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="wishlist-empty.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wishlist empty</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="wishlist-product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wishlist product</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="return-policy.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Order & returns</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="login-" class="menumegasup-title">
                                                                <span class="sp-link-title">Manage account</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Saved items</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-shop2" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Account page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-shop2">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="order-history.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Order</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="profile.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Profile</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="pro-address.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Address</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="change-password.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Change password</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="pro-tickets.html" class="menumegasup-title">
                                                                <span class="sp-link-title">My ticket</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="login-" class="menumegasup-title">
                                                                <span class="sp-link-title">My account</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-blog" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Blog</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-single collapse" id="menu-blog">
                                        <ul class="ul">
                                            <li class="menusingle-li">
                                                <a href="blog-grid-without.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="blog-grid.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid left</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="blog-grid-right.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid right</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post-without.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post left</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post-right.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post right</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-sub" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Pages</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-sub collapse" id="menu-sub">
                                        <ul class="ul">
                                            <li class="menusub-li">
                                                <a href="about-us.html" class="menusub-title">
                                                    <span class="sp-link-title">About us</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-account" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Account</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-account">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="login-" class="menusup-title">
                                                                <span class="sp-link-title">Login</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="register.html" class="menusup-title">
                                                                <span class="sp-link-title">Register</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="billing-info.html" class="menusub-title">
                                                    <span class="sp-link-title">Billing info</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-contact" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Contact us</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-contact">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="contact-us.html" class="menusup-title">
                                                                <span class="sp-link-title">Contact us</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="contact-us-2.html" class="menusup-title">
                                                                <span class="sp-link-title">Contact us 2</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-checkout" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Checkout</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-checkout">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="checkout-style1.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="checkout-style2.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout 2</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="checkout-style3.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout 3</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="cancellation.html" class="menusub-title">
                                                    <span class="sp-link-title">Cancellation</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="faq.html" class="menusub-title">
                                                    <span class="sp-link-title">Faq's</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="order-complete.html" class="menusub-title">
                                                    <span class="sp-link-title">Order complete</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-policy" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Policy</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-policy">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="privacy-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Privacy policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="payment-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Payment policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="return-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Return policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="shipping-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Shipping policy</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="sitemap.html" class="menusub-title">
                                                    <span class="sp-link-title">Sitemap</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="terms-condition.html" class="menusub-title">
                                                    <span class="sp-link-title">Terms & condition</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="track-page.html" class="menusub-title">
                                                    <span class="sp-link-title">Track page</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="404.html" class="menusub-title">
                                                    <span class="sp-link-title">404</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="coming-soon.html" class="menusub-title">
                                                    <span class="sp-link-title">Coming soon</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <div class="contact-num">
                                        <div class="contact-wrap service-line">
                                            <span class="contact-details"><i class="feather-headphones"></i></span>
                                            <a href="">(210) 123 456 7890</a>
                                        </div>
                                    </div>
                                 </li>
                                 <li class="menu-link">
                                    <div class="contact-wrap price-tag">
                                        <span class="contact-details"><i class="feather-tag"></i></span>
                                        <a href="collection.html">Mega sale</a>
                                    </div>
                                 </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile-menu end -->
        <!-- cart-drawer start -->
        <div class="cart-drawer" id="cart-drawer">
            <form method="post" action="javascript:void(0)" class="drawer-contents">
                <div class="drawer-fixed-header">
                    <div class="drawer-header">
                        <h6 class="drawer-header-title">Cart</h6>
                        <div class="drawer-close">
                            <button type="button" class="drawer-close-btn" aria-label="Close"><span class="drawer-close-icon"><i class="feather-x"></i></span></button>
                        </div>
                    </div>
                </div>
                <div class="drawer-cart-empty cart-unfill">
                    <div class="drawer-scrollable">
                        <h2>Your cart is currently empty</h2>
                        <a href="collection.html" class="btn-style2">Continue shopping</a>
                    </div>
                </div>
                <div class="drawer-inner cart-fill">
                    <div class="drawer-scrollable">
                        <ul class="cart-items">
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-1.jpg" class="img-fluid" alt="p-1"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Earbuds</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>White</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$79.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="refractometers-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-2.jpg" class="img-fluid" alt="p-7"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Sandisk ssd</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$49.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="digital-thermometer-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-3.jpg" class="img-fluid" alt="p-9"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Router Wi-Fi 7</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$69.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="optical-microscope-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-4.jpg" class="img-fluid" alt="p-12"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Smart phone</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>White</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$49.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="dental-tools-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="drawer-notes">
                            <label for="cartnote">Order note</label>
                            <textarea name="note" class="cart-notes" id="cartnote"></textarea>
                        </div>
                    </div>
                    <div class="drawer-footer">
                        <div class="drawer-total">
                            <span class="drawer-subtotal">Subtotal</span>
                            <h6 class="drawer-totalprice"><span class="total-cart">$246.00</span></h6>
                        </div>
                        <div class="drawer-ship-text">
                            <span>Shipping, taxes, and discount codes calculated at checkout</span>
                        </div>
                        <div class="drawer-cart-checkout">
                            <div class="wt-content">
                                <div class="wt-content-btn">
                                    <div class="wt-btn wt-full-btn">
                                        <a href="cart-page.html" class="btn-style4">View cart</a>
                                    </div>
                                    <div class="wt-btn wt-full-btn">
                                        <a href="checkout-style1.html" class="btn-style2">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- cart-drawer end -->
        <!-- bottom-menu start -->
        <div class="bottom-menu">
            <ul class="bottom-menu-element">
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="index.html" class="bottom-menu-home">
                            <span class="bottom-menu-icon"><i class="feather-home"></i></span>
                            <span class="bottom-menu-title">Home</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="" class="bottom-menu-user">
                            <span class="bottom-menu-icon"><i class="feather-user"></i></span>
                            <span class="bottom-menu-title">Account</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="collection.html" class="bottom-menu-collection">
                            <span class="bottom-menu-icon"><i class="feather-grid"></i></span>
                            <span class="bottom-menu-title">Shop</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="wishlist.html" class="bottom-menu-wishlist">
                            <span class="bottom-menu-icon-wrap">
                                <span class="bottom-menu-icon"><i class="feather-heart"></i></span>
                                <span class="bottom-menu-counter wishlist-counter">5</span>
                            </span>
                            <span class="bottom-menu-title">Wishlist</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="javascript:void(0)" class="bottom-menu-cart">
                            <span class="bottom-menu-icon-wrap">
                                <span class="bottom-menu-icon"><i class="feather-shopping-bag"></i></span>
                                <span class="bottom-menu-counter cart-counter">4</span>
                            </span>
                            <span class="bottom-menu-title">Cart</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- bottom-menu end -->
        <!-- fullscreen start -->
        <div class="bg-screen"></div>
        <!-- fullscreen end -->
        <!-- back-to-top start -->
        <a href="javascript:void(0)" id="top" class="scroll"><span><i class="feather-arrow-up"></i></span></a>
        <!-- back-to-top end -->
        <!-- plugin js -->
        <script src="js/plugin.js"></script>
        <!-- theme js -->
        <script src="js/main.js"></script>
    </body>
</html>
